<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>多文件上传——进度条</title>
<script type="text/javascript" src="../js/jquery-2.1.1.js"></script>
<script type="text/javascript" src="../js/myJs/utils.js"></script>
<script type="text/javascript" src="../js/myJs/fileUpload5.js"></script>
<link href="../css/fileUpload5.css" rel="stylesheet" type="text/css" />
</head>

<body>
	<div class="wrap">
		<div class="file">
			<!-- <p>
				<span>文件上传：</span> <span class="file-name"></span> 
				<button type='button' class="updata" id="upload_btn">上传</button>
			</p> -->
			<div>
				<button class='btn' type='button' id="upload_btn">上传</button>
				<button class='btn' type='button' id="clear_btn">清空</button>
			</div>
			<div class='progress-box'>
				<label>进度条:</label>
				<div class='progress'> 
					<div width='' class='progress_bar' id='progress_bar'>0%</div> 
				</div>
				<!-- <progress value="0" max="100" id="progress_bar"> </progress> -->
			</div>
		</div>
		<div>
			<p class="fileInputP">
				<span>选择文件</span> <input type="file" multiple id="fileInput" />
			</p>
		</div>
		<div class="file-wrap" id="files_div">
		
		</div>

	</div>

</body>

</html>